<template>
<div class="basicInfo">
    <el-tabs v-model="activeName" @tab-click="handleClick" class="account-tabs">
        <el-tab-pane label="基本资料" name="first">
            <basicPer></basicPer>
        </el-tab-pane>
        <el-tab-pane label="账号安全" name="second">
            <security></security>
        </el-tab-pane>
    </el-tabs>

    <div class="basicInfo-content">
        
    </div>
</div>
</template>


<script>
import basicPer from '@/views/components/me/resume/basic-per'
import security from '@/views/components/me/resume/security'
export default {
    name: "basicInfo",
    data() {
        return {
            activeName:'first'
        };
    },
    created(){
        this.$emit('navIndex', 5);
    },
    components:{basicPer,security},
    methods:{
        handleClick(){

        }
    }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.basicInfo{
    float: right;
    width: 970px;
    height: 840px;
    padding: 30px 35px;
    background-color: #fff;
    color: #787878;
    position: relative;
}
</style>
<style rel="stylesheet/scss" lang="scss">
.basicInfo{
    .account-tabs{
        .el-tabs__nav-wrap:after {
            height: 1px !important;
        }
        .el-tabs__item.is-active {
            color: #3EABC4;
            font-weight: bold;
        }
        .el-tabs__item:hover{
            color: #3EABC4;
        }
        .el-tabs__item{
            padding: 0 10px;
            color: #787878;
        }
        .el-tabs__item:first-child{
            padding-left: 0;
        }
        .el-tabs__active-bar{
            background-color: #3EABC4;
        }
    }
}
</style>